<template>
<!--    土地证信息-->
    <div>
        
        <div class="title">土地所属地地证信息</div>
        <detail-list>
            <detail-list-item term="土地ID">{{landResourceData.landId}}</detail-list-item>
            <detail-list-item term="证照编号">{{landResourceData.licenseNum}}</detail-list-item>
            <detail-list-item term="证照类型">{{landResourceData.licenseType}}</detail-list-item>
        </detail-list>
        <detail-list :col="1">
            <detail-list-item term="地图信息">
                <img :src="landResourceData.imgMap" v-if="landResourceData.imgMap!==''" height="300px" alt="">
            </detail-list-item>
        
        </detail-list>
        <detail-list>
            <detail-list-item term="土地使用人(权利人)">{{landResourceData.landUser}}</detail-list-item>
            <detail-list-item term="图号">{{landResourceData.mapNum}}</detail-list-item>
            <detail-list-item term="地类用途">{{landResourceData.landTypeUse}}</detail-list-item>
        </detail-list>
        <detail-list>
            <detail-list-item term="使用终止日期">{{landResourceData.useEndTime}}</detail-list-item>
            <detail-list-item term="发证单位">{{landResourceData.sendBranch}}</detail-list-item>
            <detail-list-item term="使用权面积">{{landResourceData.useArea}}</detail-list-item>
        </detail-list>
        <detail-list>
            <detail-list-item term="独用面积">{{landResourceData.duYouArea}}</detail-list-item>
            <detail-list-item term="分摊面积">{{landResourceData.fenTanArea}}</detail-list-item>
            <detail-list-item term="建档日期">{{landResourceData.createDate}}</detail-list-item>
        </detail-list>
        <detail-list>
            <detail-list-item term="建档人员">{{landResourceData.createPeople}}</detail-list-item>
            <detail-list-item term="土地所有类别">{{landResourceData.landType}}</detail-list-item>
        </detail-list>
        <detail-list :col="1">
            <detail-list-item term="项目文档">
                <div v-for="(item,index) in landResourceData.files" :key="index" >
                    {{item.name}}
                    <a :href="item.url" :download="item.name">下载</a>
                </div>
            </detail-list-item>
        </detail-list>
    
    
    </div>
</template>

<script>

    import DetailList from '@/components/tools/DetailList'

    const DetailListItem = DetailList.Item
    export default {
        name: "LandCert",
        components: {
            DetailList,
            DetailListItem,
        },
        props: {
            landResourceData: Object,
        },
        
        mounted() {

        },
        methods: {},
    }
</script>

<style lang="scss" scoped>
    .card {
        margin-bottom: 24px;
    }
    
    .title {
        font-size: 20px;
        line-height: 28px;
        font-weight: 500;
        color: rgba(0, 0, 0, 0.85);
        margin: 16px 0 30px 0;
    }
</style>